.detail{
  background-color: #fff;
  margin-top: -45%;
  border-top-left-radius: 0.03rem;
  border-top-right-radius: 0.03rem;
  padding: 0.15rem 0.15rem 0.8rem;
  position: relative;
  .detail-pic{
    height: 2.4rem;
    width: 100%;
    li{
      width: 100%;
      overflow: hidden;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
    }
  }
  .goods-name{
    border-bottom: 0.01rem dotted $color-border-gray;
    padding: 0.1rem 0;
    span{
      display: block;
      margin-bottom: 0.05rem;
    }
  }
  article{
    line-height: 1.8;
    border-top: 0.01rem dotted $color-border-gray;
    padding-top: 0.2rem;
    word-break: break-all;
  }
  h2{
    font-weight: normal;
    font-size: $h2-font;
    margin: 0.2rem 0 0.1rem;
  }
  .history-list{
    border-top: 0.01rem dotted $color-border-gray;
    border-bottom: 0.01rem dotted $color-border-gray;
    padding: 0.15rem 0;
    .note{
      font-size: $small-font;
      color: $color-gray;
    }
    table{
      width: 100%;
      text-align: center;
      border-top: 0.01rem solid $color-border-gray;
      border-right: 0.01rem solid $color-border-gray;
      line-height: 0.3rem;
      margin: 0.1rem 0;
      .active{
        background-color: #fafafa;
      }
      th{
        font-weight: normal;
        width: 40%;
      }
      th, td{
        border-left: 0.01rem solid $color-border-gray;
        border-bottom: 0.01rem solid $color-border-gray;
        padding: 0.05rem 0;
        font-size: $small-font;
      }
    }
  }
  .qrcode-box{
    position: relative;
    border-top: 0.01rem dotted $color-border-gray;
    padding: 0.15rem 0 0;
    #qrcode{
      display: block;
      height: 1.5rem;
      width: 1.5rem;
      margin: 0 auto;
      border-radius: 0.03rem;
      overflow: hidden;
    }
    .goodsCode{
      position: absolute;
      left: 0;
      width: 100%;
      top: 50%;
      text-align: center;
      z-index: 99;
      i{
        margin-top: -0.15rem;
        border-radius: 0.03rem;
        background-color: #fff;
        padding: 0 0.05rem;
        display: inline-block;
        font-size: $small-font;
        font-style: normal;
        line-height: 0.25rem;
        min-width: 0.25rem;
      }
    }
  }
  .footer-bar, .error{
    background-color: #fff;
    line-height: 0.5rem;
    padding-left: 0.1rem;
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 99;
    box-shadow: 0 0 0.05rem $color-border-gray;
    i{
      font-style: normal;
    }
    a{
      position: absolute;
      line-height: 0.5rem;
      width: 0.9rem;
      text-align: center;
      font-size: 0.16rem;
      color: #fff;
      &.plus{
        background-color: #fb812f;
        right: 0.9rem;
      }
      &.btn-auction{
        background-color: #df3726;
        right: 0;
      }
    }
    .auctioner{
      position: absolute;
      right: 0.1rem;
      bottom: 0;
    }
  }
  .error{
    bottom: 0.5rem;
    color: $color-red;
    font-size: $small-font;
    line-height: 0.4rem;
    box-shadow: none;
  }
}